<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= webpackConfig.name %></title>
	<style type="text/css">
		html,
		body,
		#app {
			height: 100%;
			margin: 0px;
			padding: 0px;
		}
	    .xx-svg__global {
	        position: fixed;
	        z-index: 9999999;
	        background: #fff;
	        left: 0;
	        top: 0;
	        bottom: 0;
	        right: 0;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	    }
	    .xx-svg__global svg {
	        width: 64px;
	        height: 64px;
	        animation: rotate 1.2s infinite linear;
	    }
	    .xx-svg__global svg path {
	        fill: #fec14d;
	    }
	    @keyframes rotate {
	        0% {
	            transform: rotate(0deg);
	        }
	        100% {
	            transform: rotate(360deg);
	        }
	    }
	</style>
  </head>
  <body>
    <div class="xx-svg__global">
        <svg viewBox="0 0 1024 1024" width="128" height="128">
            <path d="M512 64c247.2 0 448 200.8 448 448h-64c0-212-172-384-384-384V64z m0 832c-212 0-384-172-384-384H64c0 247.2 200.8 448 448 448v-64z"></path>
        </svg>
    </div>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
